.flex-row{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex-column{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;}
.flex-nowrap{-webkit-box-lines: single;-moz-box-lines: single;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.flex-wrap{-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-justify-between{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.flex-justify-around{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-around;justify-content: space-around;}
.flex-justify-start{-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content:flex-start;}
.flex-justify-end{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content:flex-end;}
.flex-justify-center{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: center;justify-content: center;}
.flex-align-center{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.flex-align-start{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.flex-align-end{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
.flex-grow1{flex-grow: 1;-webkit-flex-grow: 1;}
.round6{width:6px;height:6px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.round44{width:44px;height:44px;-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;}
.round88{width:88px;height:88px;-webkit-border-radius:44px;-moz-border-radius:44px;border-radius:44px;}
.round20{width:20px;height:20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.shadow{-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);box-shadow: 0 1px 2px rgba(0,0,0,.3);}
.btn{font-size: 13px;color: #fff;padding: 5px 10px;border-radius: 20px;}
.line-through{text-decoration: line-through;}
.size-12{font-size: 0.75em !important;}
.size-13{font-size: 0.82em !important;}
.size-15{font-size: 0.94em !important;}
.size-18{font-size: 1.13em !important;}
.size-20{font-size: 1.25em !important;}
.size-25{font-size: 1.56em !important;}
.b5{font-weight: 500;}
.b9{font-weight: 900;}
.bg-gray{background-color: #8e8e93;!important;}
.bg-white{background-color: #ffffff;!important;}
.bg-gold{background-color: #ffe219 !important;}
.bg-red{background-color: #de554a !important;}
.bg-qlan{background-color: #55b8b7 !important;}
.bg-green{background-color: #1dd697 !important;}
.color-black{color: #000000 !important;}
.color-gray{color: #8e8e93 !important;}
.color-blue{color: #007aff !important;}
.color-red{color: #de554a !important;}
.color-white{color: #ffffff !important;}
.color-qlan{color: #55b8b7 !important;}
.color-gold{color: #ffe219 !important;}

.panel-icon{width: 50px;}
/*product*/
.product-tags{margin-left: 5px;border: 1px solid #de554a;border-radius: 3px;padding: 0 3px;color: #de554a;}
/*productmedia*/
.custom-accordion .accordion-item{padding: 0 15px;background-color: #ffffff;}
.custom-accordion .accordion-item-toggle {height: 44px;line-height: 44px;font-size: 17px;color: #000;cursor: pointer;}
.custom-accordion .accordion-item-toggle .icon-normal{
    position: absolute;left: 0;top: 0;width: 10px;
    height: 10px;border: 1px solid #000000;border-radius: 10px;
}
.custom-accordion .accordion-item-opened .icon-normal{border: 1px solid #de554a;}
.custom-accordion .accordion-item-toggle .icon-choose{
    position: absolute;left: 3px;top: 3px;width: 6px;
    height: 6px;border-radius: 6px;display: none;
}
.custom-accordion .accordion-item-opened .icon-choose{background-color: #de554a;display: inline-block;}

.custom-accordion .accordion-item-toggle:active {background: rgba(0, 0, 0, 0.15);}
.product-media-text-bg{background-color: #f8f7f5;padding: 10px;margin: 10px 0;}
/*coupon*/
.row1{width: 100%;height: 60px;border-bottom: 1px dotted #e6e6e6;}
.row2{width: 100%;height: 50px;}
.rad{position: absolute;top: 52.5px;background-color: #efeff4;width: 15px;height: 15px;border-radius: 7.5px;}
.btn{font-size: 13px;color: #fff;padding: 5px 10px;border-radius: 20px;}
.coupon-item{position: relative;padding:0 10px;background-color: #ffffff;margin: 15px auto;width: 90vw}
.coupon-share-bg{min-width: 202px;padding: 55px 38px 20px;background: #69554a url(../../img/cover.jpg) top center no-repeat;}
.redbag{margin: 0 auto 7px;width: 202px;height: 212px;color: #fffad9;text-align: center;background: transparent url(../../img/redbag.png) left top no-repeat;padding-top: 44px;}
.redbag .shop-info .bg-pic{width: 60px;height: 60px;border: 2px solid #fff;
    -webkit-box-shadow: 0 5px 3px rgba(168,74,59,0.4);box-shadow: 0 5px 3px rgba(168,74,59,0.4);
    margin-bottom: 12px;border-radius: 50%;display: inline-block;overflow: hidden;padding: 0;
    font: inherit;font-size: 100%;vertical-align: baseline;
}
.redbag .bg-pic-content{background-image: url('../../../img/nldou-logo.jpg');background-size: cover;
    width: 100%;height: 100%;background-position: center center;
}
/*post*/
.post-item{margin: 5px 2.5vw;width: 45vw;}
.posttype-item{margin: 2px 5px;}
.posttype-item.active{background: #1dd697;}
.rankicon{width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 15px;margin-right: 10px;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;}
/*sharerank*/
.tab-btn{border: 1px solid #1dd697;color: #1dd697 !important;border-radius: 5px;line-height: 27px;height: 29px;}
.tab-btn.tab-link-active{background: #1dd697;color: #fff !important;}